<template>
	<view class="homes-kj">
		<image :src="list.img" mode=""></image>
		<view class="box1">
			<view>{{list.xinh}}</view>
			<view>{{list.suanl}} / {{list.gongh}}</view>
			<view>$ {{list.lir}}</view>
			
		</view>
		<view class="box2">
			<view>{{list.biz}}</view>
			<view>$ {{list.danw}} / {{list.dianf}}元</view>
			<view>{{list.bij}}</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:['list','type'],
		data(){
			return{
				
			}
		},
		created() {
			
		}
	}
</script>

<style scoped>
	.homes-kj{
		position: relative;
		/* margin: 40px 0; */
		font-weight: 550;
		font-size: .9em;
	}
	image{
		position: absolute;
		border-radius: 50%;
		width: 60rpx;
		height: 60rpx;
		left: 0;
		top: 10rpx;
	}
.box1{
		width: 100vw;
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		margin-top: 10rpx;
		margin-left: -10rpx;
		text-align: center;
	}
	.box1>view:nth-of-type(1){
		width: 120rpx;
		
	}
	.box1>view:nth-of-type(2){
		width: 200rpx;
		
		
	}
	.box1>view:nth-of-type(3){
		width: 180rpx;
		
	}
	.box2{
		font-size: .6em;
		width: 100vw;
		opacity: .6;
		margin-top: -20rpx;
		margin-left: -10rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		text-align: center;
	}
	.box2>view:nth-of-type(1){
		width: 120rpx;
	}
	.box2>view:nth-of-type(2){
		width: 200rpx;
	}
	.box2>view:nth-of-type(3){
		width: 180rpx;
	}
	
</style>
